<script>
export default {
  name: "Index"
}
</script>

<template>
  <el-container style="min-height: 100vh;min-width: 1280px;">
    <el-header class="flex a-c" style="background-color: white;" height="70px">
      <el-row class="w100 flex j-s-c">
        <el-col :span="9">
          <el-menu default-active="1" mode="horizontal" router >
            <el-menu-item index="/myDetail">我的中心</el-menu-item>
          </el-menu>
        </el-col>
      </el-row>
    </el-header>
    <el-main style="background-color: #f8f8f8;">
      <router-view></router-view>
    </el-main>
  </el-container>
</template>

<style scoped>
>>>.el-menu--horizontal{
  border: none!important;
}

.w100{
  width: 100%;
}
.flex{
  display: flex;
}

.j-s-c{
  justify-content: space-between;
  align-items: center;
}

.a-c{
  align-items: center;
}

.padv5{
  padding: 0 5px;
}

.padv20{
  padding: 0 20px;
}

.j-end{
  justify-content: flex-end;
}
</style>